header{
  font-family: 'Inter', sans-serif ;
  /* height: 90px; */
  padding: 0 80px 0 80px;
  background-color: white;
}

.logo-container{
  height: 53.33%;
  width: 206px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.inner-header{
  display: flex;
  justify-content: space-between;
  padding: 21px 0;
  height: 100%;
  align-content: center;
}

.top-navigation{
  display: flex;
  justify-content: center;
  align-content: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -1%;
}

.top-nav{
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-navigation ul{
  list-style: none;
  display: flex;
  line-height: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
  
}

.logo-container{
  display: flex;
  justify-content: center;
  align-items: baseline;
}

.logo-container img{
  height: fit-content;
  width: fit-content;
}

.top-navigation li:nth-child(1){
  margin-right: 32px; 
  color: #586374;
  font-weight: 600;
}

.top-navigation li:nth-child(2){
  margin-right: 32px; 
  font-weight: 600;
  color: #07143D;
}

.top-navigation li:nth-child(3){
  margin-right: 2em; 
  font-weight: 600;
  color: #586374;
}

.top-navigation li:nth-child(4){
  margin-right: 2em; 
  font-weight: 600;
  color: #586374;
}

.top-navigation li:nth-child(5){
  font-weight: 600;
  color: #586374;
}

.Get-started-button button{
  padding: 14px 20px;
  line-height: 24px;
  letter-spacing: -1%;
  font-size: 16px;
  font-family: inherit;
  display: flex;
  border: none;
  border-radius: 48px;
  color: white;
  font-weight: 600;
  background-color: #39E7BD;
}
.Get-started-button img{
  margin-left: 10px;
}

.Get-started-button {
  display: flex;
  justify-content: center;
  align-items: center;
  
}

.heropage{
  width: inherit;
  height: 811px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.bg-image{
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.bg-image img{
  width: 100%;
  height: 100%;
   padding: 0;
  margin: 0;
  object-fit: cover;
}

.circles{
  display: flex;
  position: absolute;
}

.green-circle{
  position: absolute;
  left: -65px;
}
.blue-circle{
  position: absolute;
  left: -60px;
}

.hero-text{
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 200px;
  left: 84px;
  font-family: "Poppins", sans-serif;
  color: white;
}

.hero-large-text{
  font-size: 48px;
  line-height: 70px;
  /* font-weight: 500; */
  letter-spacing: -2%;
  width: 597px;
  margin: 0 0 15px 0;
  padding: 0;
}

.hero-small-text{
  font-size: 18px;
  line-height: 30px;
  letter-spacing: -1%;
  width: 597px;
  margin: 0 0 30px 0;
  padding: 0;
  font-weight: 300;
  color: #d4d4d4;
}

.Hero-Get-started-button{
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
}

.Hero-Get-started-button button{
padding: 14px 20px;
line-height: 24px;
letter-spacing: -1%;
font-size: 16px;
font-family: "Inter", sans-serif;
display: flex;
border: none;
border-radius: 48px;
color: white;
font-weight: 600;
background-color: #39E7BD;
}

.Hero-Get-started-button img{
  margin-left: 10px;
}